
<template>
  <!-- 使用子组件 -->
  home 页
  <homechildVue :tit="tit" :num="999" @transfer="getvalue"></homechildVue>
  <p v-if="datafromChild">
    {{ datafromChild.name }}--{{ datafromChild.age }}
  </p>
</template>
<script setup lang="ts">
// 引入子组件 homechild 
import homechildVue from '@/components/homechild.vue';
import { ref, type Ref } from 'vue';

const tit = ref('我是home页数据');

// 子传父对应的执行函数
// 方式1: 使用自己的方式处理子传父
// type objType = {
//   value: object,
//   [keys: string]: any
// }
// const datafromChild: objType = ref({})
// const getvalue = (obj: objType) => {
//   // console.log(obj);
//   datafromChild.value = obj.value
//   console.log(datafromChild);
// }


// 方式2:  使用官方的方式实现子传父
const datafromChild: Ref<{ name: string, age: number } | null> = ref(null)
const getvalue = (m: Ref<{ name: string, age: number }>) => {
  console.log(m);
  datafromChild.value = m.value
}






</script>

